import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

import { fileURLToPath, URL } from 'url'
// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),  // 添加 Vue 插件
  ],
  server: {
    proxy: {
      '/api': {
        target: 'http://localhost:8080',  // 你的后端地址
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')
      }
    }
  },
  // 在开发中,我们通常使用相对路径来引入组件或其他资源,
  // 例如: import HelloWorld from '@/components/HelloWorld.vue'
  // 但是,在 Vite 中,因为使用了 ES Modules,我们需要使用绝对路径来引入资源,
  // 例如: import HelloWorld from '/src/components/HelloWorld.vue'
  // 为了使开发更加方便,我们可以使用 alias 来将 @ 符号映射到 src 目录下,
  // 这样,我们就可以使用相对路径来引入资源了。
  // fileURLToPath 将 URL 转换为文件路径,import.meta.url 是当前文件的 URL
  // new URL('./src', import.meta.url) 将当前文件的 URL 和 ./src 路径组合成一个新的 URL
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    },
  },

})
